.livod-message-container {
  position: fixed;
  z-index: 1040;
  top: 20px;
  left: 50%;
  width: 100%;
  padding: 16px;
  transform: translateX(-50%);
  font-size: 14px;
  > div:focus {
    outline: none;
  }
  pointer-events: none;
}

.livod-message {
  display: inline-block;
  padding: 10px 16px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 2px;
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
    0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
  pointer-events: all;
  margin-bottom: 12px;
  .livod-message-icon {
    margin-right: 6px;
    svg {
      vertical-align: sub;
      transform: translateY(-1px);
      font-size: 16px;
    }
  }
}
.livod-loading {
  display: inline-block;
  position: relative;
  width: 12px;
  height: 12px;
  top: 2px;
  clip-path: polygon(0 100%, 50% 100%, 50% 0%, 0 0%);
  border-radius: 50%;
  border: 1px solid #1890ff;
  animation: livod-loading-spin 1s linear infinite;
}
@keyframes livod-loading-spin {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
